<script setup>
// This starter template is using Vue 3 <script setup> SFCs
// Check out https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup
import HelloWorld from './components/HelloWorld.vue'
</script>

<template>
  <HelloWorld  />
</template>

<style>

.flex {
    display: flex;
}
.flexCol {
    display: flex;
    flex-direction: column;
}
.flexAic{
    display: flex;
    align-items: center;
}
.flexAie{
    display: flex;
    align-items: flex-end;
}
.flexAis{
    display: flex;
    align-items: flex-start;
}

.flexJcc{
    display: flex;
    justify-content: center;
}
.flexJce{
    display: flex;
    justify-content: flex-end;
}
.flexJcs{
    display: flex;
    justify-content: flex-start;
}

.defaultColor {
    color: var(--el-color-primary);
}
.success {
    color: var(--el-color-success);
}
.error {
    color: var(--el-color-error);
}
.color_333 {
    color: var(--el-text-color-primary);
}

.color_999 {
    color: var(--el-text-color-secondary);
}

.color_666 {
    color: var(--el-text-color-regular);
}
.cursor{
    cursor: pointer;
}
</style>
